<template>
  <div class="error-content">
    <img src="@/assets/images/403.png" alt="" width="600" />
    <div class="details">
      <h1>{{ main_title }}</h1>
      <span>{{ describe }}</span>
      <span>错误代码: 403</span>
      <el-button type="primary" @click="$router.back()">返回</el-button>
    </div>
  </div>
</template>
<script>
import { getErrorPageInfo } from "@/http/api";
export default {
  name: "403",
  data() {
    return {
      main_title: "403错误",
      describe: "无权限，请联系管理员处理",
    };
  },
  async mounted() {
    let res = await getErrorPageInfo("403");
    if (res.code === 20041) {
      this.main_title = res.data[0].main_title;
      this.describe = res.data[0].describe;
    }
  },
  methods: {},
};
</script>
